<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
	<meta charset="utf-8" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>预约成功</title>
	<link rel="stylesheet" href="../iconfont/iconfont.css">
	<link rel="stylesheet"
		href="https://www.jkzlrs.com/concat/mobile/??3.0/cross/css/cross.css,3.0/cross/css/ui.all.css"
		type="text/css" />
	<link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
	<main class="c-main bg-ban">
		<h3 class="success-tit"><i class="iconfont icon-chenggong"></i>预约成功</h3>
		<a class="l-detail">查看预约记录<i class="iconfont icon-xiangyou"></i></a>
		<div class="order-card mb10">
			<div class="order-t">
				<div class="order-t-d">
					<img src="../del/img2.png">
					<div class="order-d">
						<div class="order-d-top">
							<p class="t-name">更换轮胎</p>
							<p class="t-price">¥1000</p>
						</div>
						<p>数量：1</p>
					</div>
				</div>
				<div class="order-t-bot">
					<div class="style-p">
						<span class="style-l">商品合计</span>
						<span>￥20.00</span>
					</div>
					<div class="style-p">
						<span class="style-l">订单合计</span>
						<span>￥20.00</span>
					</div>
				</div>
			</div>
		</div>
		<div class="order-detail">
			<h5>订单信息</h5>
			<ul class="order-ul">
				<li>
					<span class="order-name">订单编号：</span>
					<div class="order-info">
						<span>3686318639086321632</span>
						<span class="copy">复制</span>
					</div>
				</li>
				<li>
					<span class="order-name">交易方式：</span>
					<div class="order-info">
						<span>线上交易</span>
					</div>
				</li>
				<li>
					<span class="order-name">下单时间：</span>
					<div class="order-info">
						<span>2021-09-03 18</span>
					</div>
				</li>
			</ul>
		</div>

		<div class="fixed-bs-box">
			<div class="fixed-bs">
				<a href="javascript:;" class="f-btn">返回首页</a>
			</div>
		</div>
	</main>

	<script type="text/javascript"
		src="https://f1.yihuimg.com/concat/mobile/??3.0/cross/js/jquery/2.1.3/jquery.js,3.0/cross/js/cross.ui.js"></script>
	<script>
		$(function () {
			$('.copy').on('click', function () {
				myLayer.alert("复制成功");
			})
		})
	</script>
</body>

</html>